<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
             xmlns:g="urn:import:com.google.gwt.user.client.ui"
>
    <ui:style>
        .largeText {
            font-size: large;
        }
    </ui:style>
    <g:DockLayoutPanel unit="EM">
        <g:east size="20"><g:HTMLPanel/></g:east>
        <g:west size="20"><g:HTMLPanel/></g:west>
        <g:north size="5">
            <g:HeaderPanel><g:InlineHTML><h1 ui:field="title"/></g:InlineHTML></g:HeaderPanel>
        </g:north>
        <g:center>
            <g:DockLayoutPanel unit="EM" ui:field="questionPanel">
                <g:west size="10">
                    <g:VerticalPanel>
                        <g:Button ui:field="prevBtn" text="Previous"/>
                    </g:VerticalPanel>
                </g:west>
                <g:east size="10">
                    <g:VerticalPanel>
                        <g:Button ui:field="nextBtn" text="Next"/>
                        <g:Button ui:field="finishBtn" text="Finish"/>
                    </g:VerticalPanel>
                </g:east>
                <g:north size="4">
                    <g:HeaderPanel><g:InlineHTML><b ui:field="progress"/> <span3 ui:field="questionHeader"/></g:InlineHTML></g:HeaderPanel>
                </g:north>
                <g:center>
                    <g:VerticalPanel width="100%" ui:field="questionVariants"/>
                </g:center>
            </g:DockLayoutPanel>
        </g:center>
    </g:DockLayoutPanel>
</ui:UiBinder>